<template>
	<view class="title">
		<!-- 内容部分1 -->
		<view class="maxbox" v-for="(item,index) in userinfoData" :key="index">
			<!-- 地址 -->
			<view class="site">
				<view class="">
					{{item.building}}
				</view>
				<view class="zong">
					认证中
				</view>
			</view>
			<!-- 一条线 -->
			<view class="xian"></view>
			<!-- 姓名 -->
			<view class="name-box">
				<view class="name-a">房号</view>
				<view>{{item.houseno}}</view>
			</view>
			<!-- 性别 -->
			<view class="name-box">
				<view class="name-a">姓名</view>
				<view>张三</view>
			</view>
			<!-- 电话 -->
			<view class="name-box">
				<view class="name-a">电话</view>
				<view>13522566761</view>
			</view>
			<!-- 身份证号 -->
			<view class="name-box">
				<view class="name-a">住户类型</view>
				<view>业主</view>
			</view>
			<!-- 一条线 -->
			<view class="xian"></view>
			<!-- 住户类型 -->
			<view class="name-box">
				<view id="b">2021-10-10 12:08</view>
				<view class="del">删除</view>
			</view>
		</view>
	</view>
</template>

<script>
	import {
		housesList
	} from "../../apis/index.js"
	export default {
		data() {
			return {
				userinfoData: []
			};
		},
		created() {
			this.getuserinfoList()
		},
		methods: {
			async getuserinfoList() {
				let res = await housesList()
				console.log("获取房间列表",res);
				this.userinfoData = res.list
			}

		}
	}
</script>

<style lang="less">
	page {
		background-color: #f0f0f0;
	}

	// 一行文字
	.lin {
		padding-right: 20rpx;
		display: flex;
		justify-content: space-between;
		line-height: 100rpx;
		font-size: 30rpx;
		padding-left: 25rpx;
	}


	// 内容部分
	.maxbox {

		border-radius: 5rpx;
		width: 98%;
		// height: 40rpx;
		background-color: #fff;
		// margin: 0 auto;
		padding-top: 35rpx;
		padding-left: 3%;
		padding-right: 3%;
		padding-bottom: 1rpx;
		margin-bottom: 30rpx;
		position: relative;
		top: 30rpx;
		left: 10rpx;
		// right: 15rpx;

	}

	.site {
		font-size: 25rpx;
		display: flex;
		justify-content: space-between;
	}

	.zong {
		color: red;
	}

	.zhong {
		color: #007d00;
	}

	.xian {
		width: 100%;
		height: 1rpx;
		background-color: #f0f0f0;
		margin-top: 18rpx;
		margin-bottom: 36rpx;
	}

	.name-box {
		font-size: 25rpx;
		display: flex;
		justify-content: space-between;
		margin-bottom: 30rpx;
	}

	#b {
		font-size: 20rpx;
		color: #666666;
	}

	.del {
		width: 110rpx;
		height: 45rpx;
		background-color: #01a2f2;
		line-height: 45rpx;
		text-align: center;
		color: #fff;
		font-size: 24rpx;
		border-radius: 5rpx;
	}

	.div {
		height: 100rpx;
	}
</style>